<!doctype html> 
<html lang=en> 
  <head> 
    <link rel="stylesheet" type="text/css" href="/style.css" /> 
    <link rel="alternate" type="application/rss+xml" title="Tribsloft feed" href="/rss.xml"> 
    <style type="text/css" media="screen"> 
      body{color:#333333;background-color:#565656;font:13px/1.5 sans-serif;margin:0;border-bottom:5px solid #565656;}
      h1, h2, h3{font:22px/1.5 georgia,garamond,serif;color:#333333;letter-spacing:-.06em;margin-bottom:0;text-shadow:1px 1px 1px rgb(128,128,128);}
      h1{position:absolute;left:100px;color:#2B2B2B;font-size:70px;letter-spacing:.1em;margin-bottom:20px;text-shadow:1px 1px 1px rgb(128,128,128);}
      #header{width:100%;height:200px;background-color:#565656;color:#A2A2A2;border-top:5px solid #769139;}
      #feed{position:absolute;top:30px;left:230px}
      #header h2{position:absolute;top:40px;left:138px;color:#769139}
      #header p{position:absolute;top:90px;left:270px;width:300px}
      #footer{width:100%;padding-top:1em;color:#A2A2A2;border-top:5px solid #769139;text-align:center}
      #footer h2{color:#769139}
      #footer p{margin:0}
      a:link{text-decoration:none;color:#769139;font-weight:bold}
      a:active{text-decoration:none;color:#86A149;font-weight:bold}
      a:visited{text-decoration:none;color:#769139;font-weight:bold}
      #content{background-color:#ffffff}
      #posts{display:table-cell;width:100%;padding-top:30px;padding-left:100px;padding-right:100px}
      #posts h2{column-span:all;-webkit-column-span:all;-moz-column-span:all}
      .briefpost{border-bottom:1px dotted #A2A2A2;margin-bottom:50px}
      .fullpost{column-count:2;-webkit-column-count:2;-moz-column-count:2;column-gap:2em;-webkit-column-gap:2em;-moz-column-gap:2em}
      #labs{display:table-cell;width:300px;padding-top:30px;padding-right:100px}
      #labs h2{color:#769139}
      #labs b{font-size:14px;color:#2B2B2B;}
      #labs p{margin:0;color:#333333;}
      pre{color:#ffffff;background-color:#333333;border:1px solid #000000;font-size:90%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid}
      #experiments{margin-top:100px;column-span:all;-webkit-column-span:all;-moz-column-span:all;column-count:3;-webkit-column-count:3;-moz-column-count:3;column-gap:2em;-webkit-column-gap:2em;-moz-column-gap:2em}
      img{border:1px solid #769139;font-size:90%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
    </style> 
  </head> 
  <body> 
    <a href="/"><h1>loft</h1></a> 
    <div id="header"> 
      <a alt="tribs loft" href="/"><h2>tribs</h2></a> 
      <p>Tribs is a Javascript gaming hobbyist and father to
         a beautiful baby girl. Currently located in Sydney,
         Australia.</p> 
      <div id="feed"> 
        <a href="/rss.xml"><img alt="RSS Feed" src="http://i1212.photobucket.com/albums/cc458/Stephen_Carmody/rssfeed.png"/></a> 
      </div> 
    </div> 
    <div id="content"> 
      <!--POSTS--> 
      <!--LABS/--> 
      <div id="labs"> 
        <h2>LABS</h2> 
        <a href="/post/lab_gamelib.html"><img alt="game" src="http://i1212.photobucket.com/albums/cc458/Stephen_Carmody/game.jpg"/> 
        <b>GAMELIB</b></a> 
        <p>A Javascript game library that combines <a href="https://github.com/mrdoob/three.js">Three.js</a> 
           for rendering and <a href="http://code.google.com/p/box2dweb/">Box2DWeb</a> 
           for physics, requires WebGL.</p></a> 
        <br/> 
      </div> 
      <!--/LABS--> 
    </div> 
    <div id="footer"> 
      &copy; 2011  <b>|</b>  tribs
    </div> 
  </body> 
</html>
